<template>
	<view class="content">
		<view class="title">
			<text class="title1">{{data.xianxiang}}</text>
			<view class="btn">
				<button class="btn_i" type="default" @click="btn">处理</button>
			</view>
		</view>
		<text class="fu">{{data.laiyuan}}　　{{data.createDate}}</text>
		<text class="detail">{{data.detail}}</text>
	</view>
</template>

<script>
	export default {
		name: "item_fault_0",
		data() {
			return {

			};
		},
		props: {
			//从父控件传过来的值
			data: {

			},
			info:{}
		},
		onLoad() {
			console.log('收到的值：'+this.data)
		},
		methods: {
			btn(){
				uni.navigateTo({
					url: '/pages/fault_treatment/fault_treatment_add?data=' + JSON.stringify(this.data)	+'&info=' + JSON.stringify(this.info)+'&op=2'
					+'&taskid=' + this.data.id
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.content {
		@include flex();
		padding: 16rpx;
		flex-direction: column;
		border-bottom-style: solid;
		border-bottom-color: darkgray;
		border-width: 1px;
	}

	.title {
		@include flex();
		justify-content: space-between;
		width: 700rpx;
		padding: 8rpx;

		.title1 {
			font-size: 40rpx;
			text-align: left;
		}

		.btn {
			width: 140rpx;

			.btn_i {
				height: 64rpx;
				background-color: $bg-color;
				border-color: $bg-color;
				border-radius: 8rpx;
				color: white;
				font-size: 24rpx;
			}
		}
	}

	.fu {
		width: 700rpx;
		text-align: left;
		font-size: 32rpx;
		padding: 8rpx;
	}

	.detail {
		width: 700rpx;
		font-size: 32rpx;
		text-align: left;
		padding: 8rpx;
	}
</style>